<!--
 * @Description:
 * @Author: dh
 * @Date: 2021-08-20 16:46:03
 * @LastEditors: dh
 * @LastEditTime: 2022-07-12 16:53:05
-->
<!doctype html>
<html lang="en">
	<!--
  如果设置了 name属性，meta 元素提供的是文档级别的元数据，应用于整个页面。
  如果设置了 http-equiv属性，meta 元素则是编译指令，提供的信息与类似命名的 HTTP 头部相同。
  如果设置了 charset属性，meta 元素是一个字符集声明，告诉文档使用哪种字符编码。
  如果设置了 itemprop 属性，meta 元素提供用户定义的元数据。
 -->
	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
		<!-- 禁止页面缓存 -->
		<meta http-equiv="Cache-Control" content="no-cache" />

		<!-- viewport 设置视口大小  initial-scale=1.0 初始缩放比例 user-scalable=0/no 用户不能缩放-->
		<!-- 移动端不设置，默认宽980 -->
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"> -->

		<!-- ie 客户端以 最高版本打开 -->
		<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->

		<!-- ie 客户端以 ie<=11 打开 -->
		<!-- <meta http-equiv="x-ua-compatible" content="IE=11,chrome=1"> -->

		<!-- ie 客户端以 ie<=10 打开 -->
		<!-- <meta http-equiv="x-ua-compatible" content="IE=10,chrome=1"> -->

		<!-- ie 客户端以 ie<=9 打开 -->
		<!-- <meta http-equiv="x-ua-compatible" content="IE=9,chrome=1"> -->

		<!-- 没生效 pragma 不缓存页面 还是304，有问题 -->
		<!-- <meta http-equiv="pragma" content="no-cache"> -->

		<!-- 禁止页面缓存 -->
		<!-- <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"> -->

		<!-- expires 设置浏览器过期时间 -->
		<!-- <meta http-equiv="expires" content="31 Dec 2021"> -->

		<!-- 没生效 -->
		<!-- <meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"> -->

		<!-- 没生效 强制页面在当前窗口以独立页面显示, 可以防止别人在框架中调用自己的页面。 -->
		<!-- <meta http-equiv="Window-target" content="_blank"> -->

		<!-- refresh 2s跳转url地址，如果url为空，刷新本网页 -->
		<meta http-equiv="refresh" content="2 url=" />

		<!-- name属性主要用于描述网页 用来表示网页的作者的名字，例如某个组织或者机构。-->
		<meta name="author" content="aaa@mail.abc.com" />

		<!--  页面描述 -->
		<meta name="description" content="不超过150个字符" />

		<!--  页面关键词 使用逗号分隔-->
		<meta name="keywords" content="Hello world" />

		<!--  网页作者 -->
		<meta name="author" content="name, email@gmail.com" />

		<!-- 搜索引擎抓取 -->
		<meta name="robots" content="index,follow" />

		<!--
        请求携带 referrer
        如果 content 的值为 never：删除 http head 中的 referer；
        如果 content 的值为 default：如果当前页面使用的是 https 协议，而正要加载资源使用的是普通的 http 协议，则将 http header 中额 referer 置为空；
        如果 content 的值 origin：只发送 origin 部分；
        如果 content 的值为 always：不改变 http header 中的 referer 的值；
     -->
		<meta name="referrer" content="origin" />
	</head>

	<!-- https://www.jianshu.com/p/1ac08b6c8bdc -->
	<!-- https://www.cnblogs.com/qiumohanyu/p/5431859.html -->

	<body>
		<div style="height: 300px" id="testdiv">x-ua-compatible ie兼容</div>
		<script>
			obj = document.getElementById('testdiv');
			// attachEvent 只有再 ie-10 及以下才支持
			obj.attachEvent('onclick', function () {
				alert('1');
			});
		</script>
	</body>
</html>
